Welcome to Web Design

Class Description

Class Overview

This Dreamweaver CC training class is for people new to Dreamweaver. You will learn to create HTML- and CSS-based websites without writing any code. Although HTML and CSS are not prerequisites for the class, if you have some experience with them, you will have a better appreciation of the power of Dreamweaver.

Our instructor-led online classes are conducted in the Creative Cloud 2014 version of the software. Your instructor will point out the minor differences between versions where they exist. For our custom instructor-led online and onsite classes, we use the version of the software you use in your office.

Class Goals

Learn to define a site in Dreamweaver.
Learn to format text with Dreamweaver.
Learn to work with lists and nested lists.
Learn to add images, image maps, and rollover images.
Learn to work with tables.
Learn to format pages with CSS.
Learn what's new in CC 2015.

Class Outline

A Quick Overview of Web Development
1. Client-side Programming
  1. HTML
  2. Cascading Style Sheets
  3. JavaScript
  4. Dynamic HTML
  5. Ajax
  6. Adobe Flash
2. Server-side Programming
  1. Perl
  2. ColdFusion
  3. Active Server Pages
  4. Java EE
  5. ASP.NET
  6. PHP
  7. Ruby on Rails
Getting Started with Dreamweaver
1. The Role of Dreamweaver
2. Welcome Screen
3. Dreamweaver Workspaces
4. Creating HTML Pages
5. Code View vs. Design View
6. The Dreamweaver Interface
  1. Panels
  2. Insert Panel
  3. Properties Inspector
  4. CSS Styles Panel
  5. Files Panel
7. Dreamweaver CC Setup of Deprecated Data Tools
8. Previewing Your Page in the Browser
  1. Preview in Browser
  2. Live View
9. Setting up a Web Site
10. Edit Preferences
Creating HTML Pages
1. Understanding HTML Doctypes
2. Adding a Title to Your Page
3. Paragraphs, Headings and Blockquotes
  1. Paragraphs
  2. Headings
  3. Blockquotes
4. Breaks and Horizontal Rules
5. Special Characters
Links
1. Adding Links
2. Absolute vs. Relative Paths
  1. Absolute Paths
  2. Relative Paths
  3. Default Pages
3. Targeting New Windows
4. Email Links
5. Anchors
6. Quick Tricks for Adding Links in Dreamweaver
  1. Point to File
  2. Browse for File
  3. Drag File from Files Panel
Images
1. Inserting Images
  1. Accessibility Attributes
  2. Image Properties
2. Image Links
3. Rollover Images
4. Image Maps
5. Inserting Photoshop .psd documents directly - Photoshop Smart Objects
Lists
1. Ordered and Unordered Lists
  1. Nesting Lists
  2. Converting Lists
2. Definition Lists
3. Converting Existing Content to Lists
Tables
1. Adding a Table to your Page
2. Sorting Tables
3. Modifying Tables
  1. Inserting Rows
  2. Inserting Columns
  3. Inserting Multiple Rows or Columns at One Time
  4. Merging Cells
  5. Splitting Cells
4. Importing Data into Tables
5. Dreamweaver and Styling Tables
Styling Content
1. HTML Structure
  1. HTML Elements
  2. Attributes
  3. Blocks and Inline Elements
2. CSS Rules
3. Selectors
  1. Type Selectors
  2. Descendant Selectors
  3. Class Selectors
  4. ID Selectors
  5. ID vs. Class
4. Modifying the Rule
  1. Making Sure the CSS File Saves
5. CSS Properties
  1. Type
  2. Background
  3. Block
  4. Box
  5. Border
  6. List
6. The Cascade
  1. Embedded Style Sheets
  2. Inline Styles
7. Units of Measurement
What's New in Dreamweaver CC 2015
1. Code Enhancements
  1. Linting Support
  2. Code Folding
  3. Visual Media Queries
2. Integrated Technology
  1. Bootstrap Integration
  2. Emmet Support
  3. Testing Server - Workflow Improvements
3. Views
  1. DOM Panel
  2. Technology Previews

Why Webucator?

10.00 out of 10 based on 1 reviews.

Expert instructors.
Classes are never canceled for low enrollment.
100% free re-take option.
We have taught more than 58,411 students at 14,077 different organizations.

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.